body {
  font-family: sans-serif;
}

#mapa {
  width: 1000px;
  height: 600px;
  border: solid 1px gray;
  float: right;
}

#abmBox {
  position: absolute;
  border: solid 1px red;
  display: none;
  overflow: auto;
  border-radius: 10px;
  z-index: 999999;
}

#izq {
    float: left;
}

#controles {
  width: 320px;
  height: 193px;
  margin-top: 5px;
  border: solid 1px gray;
  overflow: auto;
  border-radius: 10px;
  font-size: 10pt;
}

#tableDist, #tableQuery, #tableFeatures {
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  width: 100%;
}

#tableDist td, #tableQuery td {
  padding: 2px;
}

.hiddenFooter {
  display: none;
}

.hiddenFooter td {
  text-align: center;
  font-weight: bold;
}

.resultado {
  color: blue;
}

#controles label {
  font-weight: bold;
}

#capas {
  width: 320px;
  height: 400px;
  border: solid 1px gray;
  overflow: auto;
  border-radius: 10px;
}

#capas ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#capas ul li div{
  font-size: 10pt;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  color: black;
  cursor: pointer;
}

#capas ul li div:hover {
  background-color: #FFF7B4;
}

#capas ul li div button, .collapseButton {
  border: solid 1px gray;
  width: 20px;
  height: 20px;
  background: transparent;
  margin: 0px;
  padding: 0px;
}

#capas ul li div button:hover {
  border-color: green;
}

#capas ul li div button:active {
  font-weight: bold;
  color: green;
}


#capas ul li img {
  display: none;
}

#capas div.activeDiv {
  float: right;
  color: green;
  font-size: 8pt;
  margin-right: 4px;
}

#capas div.hoverActive {
  color: green;
}

#capas div.hoverClicked {
  color: red;
}

.styledButton {
  border: solid 1px gray;
  border-radius: 5px;
}  

.styledButton:hover {
  border-color: #000;
}

.styledButton:active {
  color: green;
}

#abmContents {
  background-color: white;
  opacity: 0.9;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#abmContents input[name='coordX'], #abmContents input[name='coordY'] {
  text-align: right;
}

#tableAddFeature label {
  font-weight: bold;
  font-size: 10pt;
}

.collapseButton {
  border: none;
}

.collapseButton:hover {
  color: green;
}

.collapseButton:active {
  color: red;
}

.layerTitle {
  padding: 5px 0px 5px 0px;
  border-bottom: solid 1px gray;
  background-color: #444;
  color: white;
  text-shadow: #DDD 0px 0px 2px;
  text-align: center;
  font-weight: bold;
  font-size: 12pt;
}

.abmBoxTitle {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.closeButton {
  float: right;
  border: none;
  font-size: 8pt;
  background: transparent;
  text-shadow: #fff 0px 0px 2px;
}

.closeButton:hover {
  background-color: gray;
  border-radius: 5px;
}

.closeButton:active {
  color: green;
}

.resultado2 {
  color: #000099;
  font-size: 9pt;
}

#pageFoot {
  text-align: center;
  color: gray;
  font-size: 10pt;
}

#tableResults {
  border-collapse: collapse;
  width: 100%;
}

#tableResults th, #tableResults td {
  border: solid 1px green;
}

#tableResults th {
  background-color: #A7C942;
  color: white;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  padding: 2px;
}

#tableResults td {
  font-size: 11pt;
  padding: 3px;
}

#tableResults tr.alt td{
  background-color: #EAF2D3;
}

.layerName {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 11pt;
  font-weight: bold;
}

.layerName .resultLayerTitle {
  color: #AA0000;
}

.resultCount {
  float: right;
  font-weight: bold;
}

#buttonDiv {
  text-align: center;
}

#buttonDiv button {
  width: 70px;
}

.resultado3 {
   color: #e19400;
}

.resultadoTitle {
  text-align: center;
}

.resultadoTitle h1{
  font-size: 16pt;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-shadow: #AAA 0px 1px 2px;
}